@import '~antd/es/style/themes/default.less';

@name: ~` 'show' `;

.content {
  margin: 10px;
  padding-top: @layout-header-height;
}

:global {
  .layoutContentEdit {
    .ant-card-body {
      // height: 400px;
    }
  }

  .ant-page-header {
    padding-bottom: 0;
  }

  .ant-pro-basicLayout-content {
    margin-top: 25px;
    margin-bottom: 0;
    min-height: calc(100vh - 80px) !important;
  }

  body {
    /*左侧菜单栏样式*/
    .ant-layout-sider-children {
      height: 100vh;
      overflow: auto;
    }

    .ant-result {
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 50%;
    }

    .margin-top9 {
      margin-top: 10px;
    }

    .ant-pro-sider-menu-logo {
      padding: 9px 12px;
      background-color: #002140;
      .log-img {
        background: url('../assets//logo1.png') no-repeat;
        background-size: 100% 100%;
      }
    }

    .ant-pro-page-header-wrap-children-content {
      margin: 10px 10px 0;
    }

    .header-search-btns {
      position: absolute;
      top: 8px;
      right: 0;
      display: flex;

      .ant-btn {
        margin-left: 5px;
      }
    }

    .textSwiper {
      color: rgba(255, 0, 0, 1);
    }

    .textSwiper:hover {
      cursor: pointer;
    }

    .header-search-area {
      background: #f5f8fe;

      form {
        margin-bottom: 10px;
        padding: 5px 0;
      }
    }

    .ant-menu-vertical .ant-menu-item,
    .ant-menu-vertical-left .ant-menu-item,
    .ant-menu-vertical-right .ant-menu-item,
    .ant-menu-inline .ant-menu-item,
    .ant-menu-vertical .ant-menu-submenu-title,
    .ant-menu-vertical-left .ant-menu-submenu-title,
    .ant-menu-vertical-right .ant-menu-submenu-title,
    .ant-menu-inline .ant-menu-submenu-title {
      font-size: 14px;
    }

    // 编辑版本详情
    .version-bg-color {
      width: 100%;
      padding: 5px;
      background: #f5f8fa;
    }

    .form {
      background: #f5f8fa;
      margin-top: 8px;
      padding: 8px 0;
    }

    .dot::before {
      content: '\2022';
      /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: #2761ff;
      /* Change the color */
      font-weight: bold;
      /* If you want it to be bold */
      display: inline-block;
      /* Needed to add space between the bullet and the text */
      width: 1em;
      /* Also needed for space (tweak if needed) */
      margin-left: -1em;
      /* Also needed for space (tweak if needed) */
    }

    .dots {
      display: inline-block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      margin: 0 5px 2.5px 0;
    }

    // 底部保存审批
    .preserve-approve {
      position: relative;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 87%;
      height: 64px;
      background: rgba(255, 255, 255, 1);

      .preserve-approve-btns {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        .ant-btn {
          width: 75px;
          height: 30px;
          margin: 0 5px;
        }

        .ant-btn-primary-approve {
          color: #fff;
          background: rgba(249, 153, 0, 1);
          border: solid 1px rgba(249, 153, 0, 1);
        }
      }
    }

    // .xh-gxc-tooltip {
    //   color: #fff;
    // }
    // .xh-gxc-tooltip:hover {
    //   color: #2761ff;
    // }
    .xh-gxc-tooltip-box {
      .ant-tooltip-arrow::before {
        background-color: #fff;
      }
      .ant-tooltip-inner {
        background-color: #fff;
      }
      .xh-gxc-tooltip {
        color: rgb(12, 11, 11);
      }
      .xh-gxc-tooltip:hover {
        color: #2761ff;
      }
    }
  }
}
